html{font-size: 625%;background: #eee;}
.container{max-width:750px;min-width:320px;margin: 0 auto;margin-bottom: 60px;}
.top-bar{background: #fff;width: 100%;box-sizing:border-box;height: 40px;padding-left:10px;color: #333;position: relative;}
.top-bar .fa-angle-left{font-size: 0.4rem;position: absolute;color:#d0d0d0;}
.top-bar h1{display: inline-block;width: 100%;text-align: center;font-size: 0.16rem;height: 40px;line-height: 40px;color: #333;}
.wb-head{width: 100%;box-sizing:border-box;background: #fff;margin-top:10px; padding:10px;position: relative;}
.wb-head .wb-head-img{float: left;width: 30%;box-sizing:border-box;padding-top: 30%;}
.wb-head .wb-head-title{width: 70%;box-sizing:border-box;height:40px;line-height:20px;padding-left: 10px;font-size: 0.16rem;position: absolute;right: 0;top: 5px;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#333;}
.wb-head .wb-head-middle{width: 70%;box-sizing:border-box;position: absolute;right:0;top:36%;padding-left:10px;color:#999;height: 20px;line-height: 20px;}
.wb-head .wb-head-middle span{display: inline-block;float: left;}
.wb-head .wb-head-middle span.name{width: 60%;}
.wb-head .wb-head-middle span.date{width: 40%;}
.wb-head .wb-head-price{width: 70%;box-sizing:border-box;position: absolute;right:0;top:52%;padding-left:10px;height: 26px;line-height: 26px;color:#999;}
.wb-head .wb-head-price span{font-size: 0.16rem;color:#D81E06;}
.wb-head .wb-head-url{width: 70%;box-sizing:border-box;position: absolute;right:0;bottom:10px;padding-left:10px;font-size: 0.12rem;}
.wb-head .wb-head-url .link{display: block;width: 85px;padding-left: 23px;height: 20px;line-height: 20px;text-align: center;border: 1px solid #D81E06;color:#D81E06;background: url(../cart.png) no-repeat 0 0;background-size:contain;}
.wb-tip{text-align: center;width: 100%;box-sizing:border-box;color:#999;height: 25px;line-height: 25px;}
.wb-body{width: 100%;box-sizing:border-box;background: #fff;padding:10px;}
.wb-body .wb-body-title{width: 100%;box-sizing:border-box;height: 30px;line-height: 30px;position: relative;}
.wb-body .wb-body-title .line{width: 40%;border-top:1px solid #999;}
.wb-body .wb-body-title .left{position: absolute;left: 0;top:15px;}
.wb-body .wb-body-title span{width: 100%;text-align: center;display: inline-block;font-size: 0.14rem;color:#333;}
.wb-body .wb-body-title .right{position: absolute;right: 0;top:15px;}
.wb-body img{width: 100% !important;}

.bottom{position: fixed;bottom:0;width: 100%;}
.bottom .button{width: 100%;height: 40px;line-height: 40px;background: #fff;color:#999;text-align: center;max-width:750px;min-width:320px;margin:0 auto;}
.bottom .button .bottom-col{width: 33.33333%;box-sizing:border-box;float: left;}
.bottom .button .bottom-col .price{font-size: 0.14rem;color:#D81E06;}
.bottom .button .bottom-col .bottom-col-up{width: 50%;box-sizing:border-box;float: left;padding-left: 15px;background: url('../ico.png') no-repeat 0px -31px ;}
.bottom .button .bottom-col .bottom-col-down{width: 50%;box-sizing:border-box;float: left;padding-left: 15px;background: url('../ico.png') no-repeat 0px -68px ;}
.bottom .button .bottom-col .bottom-link{width: 100%;box-sizing:border-box;display: inline-block;color:#fff;background: #D81E06;}
.bottom .button .bottom-col .fa-shopping-cart{font-size: 0.18rem; margin-right: 5px;}
@media screen and (max-width:356px){
	.bottom .button .bottom-col{font-size: 0.10rem;}
	.bottom .button .bottom-col .price{font-size: 0.12rem;color:#D81E06;}
}